Skip to main content

Home/ Tools for web developers/ Group items tagged web design

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
de Villamil Frédéric

Designing Typography for the Modern Web | Tips - 1 views

webdesignledger.com/...-typography-for-the-modern-web

typography webdev webdesign design

shared by de Villamil Frédéric on 31 Oct 10 - No Cached
  • de Villamil Frédéric on 31 Oct 10
     
    As web designers, it is our job to grow with the trends of the Internet. As new technology emerges, it's our position to jump on board and see where it can take us. This includes trends all over the web, typography being a major player. Many designers don't consider type as a field of interest or focus. Ironically, typography is possibly one of the most important parts of our dynamic web. It helps deliver a website's content to users from all over the world and it truly is an art to study. I'll be getting into a few concepts about typography for the modern web. Things haven't changed too much since the previous years of web design, however many new techniques are being utilized and shared amongst the design community.
de Villamil Frédéric

Five Simple Steps ~ A book by Mark Boulton - 0 views

www.fivesimplesteps.co.uk

design webdesign development book webdev web

shared by de Villamil Frédéric on 08 Mar 09 - Cached
  • de Villamil Frédéric on 08 Mar 09
     
    A Practical Guide to Designing for the Web aims to teach you techniques for designing your website using the principles of graphic design.
de Villamil Frédéric

When Clients Take Too Much Design Control | Build Internet! - 0 views

buildinternet.com/...s-take-too-much-design-control

mustread design webdesign

shared by de Villamil Frédéric on 18 Jan 10 - Cached
  • de Villamil Frédéric on 18 Jan 10
     
    Have you ever dealt with a client who suddenly flipped on "design mode" mid-project? The expectation is that you are an expert, and you act as a filter between the client and a (successful) finished product. Web design is more than just coding a client's vision. You've spent the time honing skills. Now let's reclaim your artistic license while keeping professional.
de Villamil Frédéric

The 7 Components Of Design - 4 views

www.vanseodesign.com/...7-design-components

design webdesign theory

shared by de Villamil Frédéric on 12 Jun 10 - Cached
  • rachel999 on 09 Feb 22
     
    Good article, thanks a lot! I'm currently learning web design, so any information is useful for me. I was lucky to find a great source https://www.webbuildersguide.com/ that provides me with different guides and reviews. I've learned a lot there. And of course, it is awesome that you created such a helpful blog. Thanks again!
de Villamil Frédéric

iPhone and iPod Touch development - WebApp.Net - 0 views

webapp.net.free.fr

iphone web webdev html css

shared by de Villamil Frédéric on 08 Mar 09 - Cached
  • de Villamil Frédéric on 08 Mar 09
     
    Bring the power of the iPhone and iPod Touch GUI designed by Apple in your own web applications and give the the best user experience to your visitors and customers.
Vernon Fowler

MockFlow: Online Wireframe Tool - 0 views

mockflow.com

Wireframe tools mockup wireframes design webdesign UI prototype web

shared by Vernon Fowler on 14 Sep 11 - Cached
  • Vernon Fowler on 14 Sep 11
     
    "Super-easy Wireframing Design, collaborate user interface mockups for your software and websites. "
Vernon Fowler

Sass - Syntactically Awesome Stylesheets - 0 views

sass-lang.com

sass framework opensource design web design tools webdesign css

shared by Vernon Fowler on 03 Sep 12 - Cached
  • Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.
Vernon Fowler

StyleBootstrap.info: Twitter Bootstrap theme generator - 0 views

stylebootstrap.info

css webdesign tool generator

shared by Vernon Fowler on 09 Dec 13 - No Cached
  • Vernon Fowler on 09 Dec 13
     
    "Create unique web design with Twitter Bootstrap. Kw: themes, templates, styles. generator. customize."
Vernon Fowler

Pineapple · Web Tutorials and Resources That Don't Suck - 0 views

pineapple.io

webdesign tool resources webdev tools web

shared by Vernon Fowler on 09 Dec 13 - No Cached
  • Vernon Fowler on 09 Dec 13
     
    "A central hub of Tutorials, Tools and Assets for developers and designers"
de Villamil Frédéric

accessible Rich Text Editor v1.0 for SharePoint - 0 views

www.hisoftware.com/...09-03-17_HiSoftwareaRTEv1.html

accessibility microsoft rte sharepoint

shared by de Villamil Frédéric on 22 Mar 09 - Cached
  • de Villamil Frédéric on 22 Mar 09
     
    iSoftware aRTE (aRTE) is a lightweight text editor for MOSS / WSS designed to help the user create more accessible Web content.
Vernon Fowler

Flow Patterns: Make Site Flows With Fine Visual Detail - UX Movement - 0 views

uxmovement.com/...-flows-with-fine-visual-detail

patterns flowchart task users sitemaps templates tools web communication

shared by Vernon Fowler on 16 Mar 16 - No Cached
  • User flows show how the user interacts with a specific set of pages to complete a task or meet a goal.
  • Vernon Fowler on 16 Mar 16
     
    "Traditional site flows of boxes and arrows aren't detailed enough to paint a clear vision to others. You need visual site flows that show the basics of how a page will look. This gives your team a better idea of what you'll design, so that you can better meet their expectations."
Vernon Fowler

CSS3 Generator - 0 views

css3generator.com

css3 webdesign generator css tools web design design

shared by Vernon Fowler on 28 Jul 12 - Cached
  • If you set it to border-box, the padding and border will render inside the box.
  • -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
Vernon Fowler

Daring Fireball: How to Create Retina-Caliber Favicons - 0 views

daringfireball.net/...retina_favicons

retina Icons tools tool design webdesign

shared by Vernon Fowler on 07 Oct 13 - No Cached
  • I found no other tool that suited my needs.
    • Vernon Fowler
      Vernon Fowler on 07 Oct 13
       
      IcoFX may be an alternative.
    • Vernon Fowler
      Vernon Fowler on 07 Oct 13
  • iConvertIcons doesn’t do multi-resource ICOs. Neither does Image2Icon.
  • Old (non-retina) favicons are 16 × 16 px; a retina favicon is thus 32 × 32 px.
  • ...1 more annotation...
  • X-Icon Editor is a free web app recommended by Thomas Fuchs in his otherwise excellent Retinafy Your Website flowchart, but the problem I found with it (other than the inherent clunkiness of a web app in general) is that it did awful things to colors
Vernon Fowler

The Ultimate Guide to Golden Ratio Typography - 0 views

www.pearsonified.com/...golden-ratio-typography.php

typography design golden ratio webdesign fonts typefaces webfonts font web tools

shared by Vernon Fowler on 12 Oct 12 - No Cached
  • The mathematical proportions of your typography are vitally important to how readers perceive both your site and your content.
  • Font size and line height are proportionally related.
  • For any font size, the line height must increase as the line width increases.
  • ...1 more annotation...
  • For a font size of 16px, the perfect line height is achieved when h equals the golden ratio. This yields a value of 25.88854px for the optimal line height. Using this value, you can then determine that the associated optimal line width is 670.21670px.
Vernon Fowler

Microdata - Dive Into HTML5 - 0 views

diveintohtml5.info/extensibility.html

HTML5 microdata schema structure metadata content data model

shared by Vernon Fowler on 20 Jan 13 - No Cached
  • a third option developed using lessons learned from microformats and RDFa, and designed to be integrated into HTML5 itself: microdata.
  • “Adding microdata” to your page is a matter of adding a few attributes to the HTML elements you already have.
  • So where is the real information? It’s in the <dd> element, so that’s where we need to put the itemprop attribute. Which property is it? It’s the name property. Where is the property value? It’s the text within the <dd> element. Does that need to be marked up? the HTML5 microdata data model says no, <dd> elements have no special processing, so the property value is just the text within the element.
  • ...7 more annotations...
  • This technique is also useful for microdata. There are two distinct pieces of information here: a title and an affiliation. If you wrap each piece in a dummy <span> element, you can declare that each <span> is a separate microdata property.
  • There are two major classes of applications that consume HTML, and by extension, HTML5 microdata: Web browsers Search engines
  • Google supports microdata as part of their Rich Snippets program.
  • a handy tool to see how Google “sees” your microdata properties
  • Just like associating a URL with a Person, you can associate a URL with an Organization. This could be the company’s home page, a contact page, product page, or anything else. If it’s a URL about, from, or belonging to the Organization, mark it up with an itemprop="url" attribute.
  • To handle edge cases like this, HTML5 provides a way to annotate invisible data. This technique should only be used as a last resort. If there is a way to display or render the data you care about, you should do so. Invisible data that only machines can read tends to “go stale” quickly. That is, someone will come along later and update the visible text but forget to update the invisible data. This happens more often than you think, and it will happen to you too.
  • itemscope says that this element is the enclosing element for a microdata item with its own vocabulary (given in the itemtype attribute). All the properties within this element are properties of http://data-vocabulary.org/Geo, not the surrounding http://data-vocabulary.org/Organization.
1 - 20 of 26 Next ›
Showing 20▼ items per page